<!DOCTYPE html>
<html>
<head>
    {include file="public/header" /}
</head>
<body>
<div class="layui-form layuimini-form">
    <div class="layuimini-main">

        <form class="layui-form" action="">
            <input type="hidden" name="type" value="{$type}">

            <div class="layui-form-item">
                <label class="layui-form-label">消息标题</label>
                <div class="layui-input-block">
                    <input type="text" name="title" value="" lay-verify="title" autocomplete="off" placeholder="消息标题" class="layui-input iwidth" aria-disabled="true">
                </div>
            </div>
            <div class="layui-form-item" >
                <label class="layui-form-label">描述内容</label>
                <div class="layui-input-block">
                    <textarea type="text" name="explain" value="" lay-verify="explain" autocomplete="off" placeholder="描述内容" class="layui-input iwidth" aria-disabled="true" style="margin: 0px 1156px 0px 0px;height: 152px;width: 403px;"></textarea>
                </div>
            </div>

            <div class="layui-form-item" >
                <label class="layui-form-label">发送日期</label>
                <div class="layui-input-inline">
                    <input type="text" name="send_time" id="send_time" lay-verify="send_time" value="" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input iwidth" >
                </div>

            </div>
            <div class="layui-form-item" {if condition="$type == 1"}style="display:none"{/if}>
                <label class="layui-form-label">下架日期</label>
                <div class="layui-input-inline">
                    <input type="text" name="stop_time" id="stop_time" lay-verify="stop_time" value="" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input iwidth" >
                </div>

            </div>
            <div class="layui-form-item" {if condition="$type == 2"}style="display:none"{/if}>
                <label class="layui-form-label">发布人</label>
                <div class="layui-input-inline">
                    <input type="text" name="send_name" id="send_name"lay-verify="send_name" value="" placeholder="发布人" autocomplete="off" class="layui-input iwidth" >
                </div>

            </div>
            <div class="layui-form-item" {if condition="$type == 1 or $type == 2"}style="display:none"{/if}>
                <label class="layui-form-label">查看详情</label>

                <div class="layui-input-block" >
                    <input type="radio" name="is_see" value="1"  lay-filter="radio"  title="是" checked>

                    <input type="radio"  name="is_see" value="2"  lay-filter="radio"   title="否">

                </div>
            </div>
            <div id ="isContent" class="layui-form-item layui-form-text" {if condition="$type == 2"}style="display:none"{/if}>
                <label class="layui-form-label">内容详情</label>
                <div class="layui-input-block">
                    <div class="layui-textarea "  id="LAY_demo_editor"></div>

                    <input type="hidden" id="editorimgurlHidden" value="" name="content">
                </div>
            </div>

            <div class="layui-form-item" {if condition="$type == 1 or $type == 2"}style="display:none"{/if}>
                <label class="layui-form-label">允许关闭</label>

                <div class="layui-input-block" >
                    <input type="radio" name="allow_status" value="allow"  lay-filter="radio"  title="允许" checked>

                    <input type="radio"  name="allow_status" value="nallow"  lay-filter="radio"   title="不允许">

                </div>
            </div>
            <div class="layui-form-item" >
                <label class="layui-form-label">查看人员</label>

                <div class="layui-input-block" >
                    <input type="radio" name="people_type" value="all"  lay-filter="radio"  title="所有人" checked>

                    <input type="radio"  name="people_type" value="partner"  lay-filter="radio"   title="合伙人">

                    <input type="radio"  name="people_type" value="level"  lay-filter="radio"   title="等级">

                </div>
            </div>
            <!--<div class="layui-form-item" style="margin-left:-1px ">-->
                <!--&lt;!&ndash;筛选开始&ndash;&gt;-->
                <!--<label class="layui-form-label">查看人员</label>-->
                <!--<div class="layui-input-block " style="float:left;margin-left: 1px;">-->
                    <!--<select name="people_type" lay-verify="people_type" lay-filter="allMember">-->
                        <!--<option value="">请选择查看人员</option>-->
                        <!--<option value="partner">合伙人</option>-->
                        <!--<option value="all">所有人</option>-->
                        <!--<option value="level1">等级一</option>-->
                        <!--<option value="level2">等级二</option>-->
                        <!--<option value="level3">等级三</option>-->
                        <!--<option value="level4">等级四</option>-->
                        <!--<option value="level5">等级五</option>-->
                        <!--<option value="level6">等级六</option>-->
                        <!--<option value="level7">等级七</option>-->
                        <!--<option value="level8">等级八</option>-->
                        <!--<option value="level9">等级九</option>-->
                        <!--<option value="level10">等级十</option>-->
                        <!--<option value="level11">等级十一</option>-->
                        <!--<option value="level12">等级十二</option>-->
                    <!--</select>-->
                <!--</div>-->
                <!--&lt;!&ndash;筛选开始&ndash;&gt;-->
                <!--<div class="layui-inline">-->
                    <!--<label class="layui-form-label">搜索用户</label>-->
                    <!--<div class="layui-input-inline">-->
                        <!--<input type="text" name="search" id="searchuser" autocomplete="off"  lay-verify="" placeholder="请根据姓名或手机号搜索" class="layui-input ">-->
                    <!--</div>-->
                <!--</div>-->

                <!--<div class="layui-inline">-->
                    <!--<button type="submit" class="layui-btn layui-btn-sm" lay-submit lay-filter="data-search-btn"  > <i class="layui-icon"></i> 搜 索</button>-->
                <!--</div>-->

            <!--</div>-->
            <div class="layui-form-item" id="level" style="display: none;">
                <label class="layui-form-label">等级级数</label>
                <div class="layui-input-block " style=" padding:0px 0px 10px;box-sizing:border-box;overflow: auto;margin-left: 111px;display: flex;flex-wrap: wrap;justify-content: flex-start">
                    <div style="margin-right: 15px">
                        <input type="checkbox" lay-filter="checkall" name="" lay-skin="primary" checked>
                        <div style="margin-top:-19px;margin-left: 24px; ">
                            <span >全选</span>
                        </div>
                    </div>
                    {volist name="level" id="v"}
                    <div style=\margin-right:15px;margin-bottom:20px>
                        <input type="checkbox" name="member_level[]" class="checkboxs" lay-skin="primary" value="{$v['level']}" checked>

                        <div style="margin-top:-19px;margin-left: 24px; "><span>{$v.title}</span></div>
                    </div>
                    {/volist}
                </div>

            </div>

            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit="" lay-filter="add">立即创建</button>
                </div>
            </div>
        </form>

    </div>
</div>

{include file="public/footer" /}

<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use(['form', 'layedit', 'laydate','wangEditor'], function () {
        var form = layui.form
            , layer = layui.layer
            , layedit = layui.layedit
            , laydate = layui.laydate
            , wangEditor = layui.wangEditor
            , $ = layui.jquery;
        // 监听全选
        form.on('checkbox(checkall)', function (data) {
            console.log(data);
            if (data.elem.checked) {
                $('.checkboxs').prop('checked', true);
            } else {
                $('.checkboxs').prop('checked', false);
            }
            form.render('checkbox');
        });


        $(this).removeAttr("lay-key");//时间框一点就消失处理
        // 上架开始日期
        var insShelf = laydate.render({
            elem: '#send_time'
            , min: 0
            , trigger : 'click'//时间框一点就消失处理
            , calendar: true
            , type: 'datetime'
            , done: function (value, date) {
             /*   //更新结束日期的最小日期
                insUnder.config.min = lay.extend({}, date, {
                    month: date.month - 1
                });*/

                //自动弹出结束日期的选择器
                insUnder.config.elem[0].focus();
            }
        });
        var insUnder = laydate.render({
            elem: '#stop_time'
            , min: 0
            , trigger : 'click'//时间框一点就消失处理
            , calendar: true
            , type: 'datetime'
            , done: function (value, date) {
             /*   //更新结束日期的最小日期
                insUnder.config.min = lay.extend({}, date, {
                    month: date.month - 1
                });*/

                //自动弹出结束日期的选择器
                //insUnder.config.elem[0].focus();
            }
        });
        form.on('radio(radio)', function(data){
            if(data.value == 1){
                //显示
                document.querySelector("#isContent").style.display='block';
            }else if(data.value == 2){
                //不显示
                document.querySelector("#isContent").style.display='none';
            }else if(data.value == 'level'){
                //选择等级
                document.querySelector("#level").style.display='block    ';

            }else if(data.value == 'partner'){
                //选择合伙人
                document.querySelector("#level").style.display='none';

            }else if(data.value == 'all'){
                //选择所有人
                document.querySelector("#level").style.display='none';

            }

        });
        //获取type 1 :消息通知 2 平台通知3.弹窗通知
        var type = $("input[name='type']").val();
        //用类型判断验证
        if(type== 1){
            var verify_data = {
                title: function (value) {
                    if (value == '') {
                        return '消息标题不能为空';
                    }
                }
                ,explain: function (value) {
                    if (value == '') {
                        return '描述内容不能为空';
                    }
                }
                ,send_name: function (value) {
                    if (value == '') {
                        return '发布人不能为空';
                    }
                }
                ,send_time: function (value) {
                    if (value == '') {
                        return '发送时间不能为空';
                    }
                }
                , content: function (value) {
                    if (value == '') {
                        return '内容详情不能为空';
                    }
                }
            }
        }else if(type ==2){
            var verify_data = {
                title: function (value) {
                    if (value == '') {
                        return '消息标题不能为空';
                    }
                }
                ,explain: function (value) {
                    if (value == '') {
                        return '描述内容不能为空';
                    }
                }
                ,send_time: function (value) {
                    if (value == '') {
                        return '发送时间不能为空';
                    }
                }
                ,stop_time: function (value) {
                    if (value == '') {
                        return '下架时间不能为空';
                    }
                }

            }
        }else if(type == 3){
            var verify_data = {
                title: function (value) {
                    if (value == '') {
                        return '消息标题不能为空';
                    }
                }
                ,explain: function (value) {
                    if (value == '') {
                        return '描述内容不能为空';
                    }
                }
                ,send_name: function (value) {
                    if (value == '') {
                        return '发布人不能为空';
                    }
                }
                ,send_time: function (value) {
                    if (value == '') {
                        return '发送时间不能为空';
                    }
                }
                ,stop_time: function (value) {
                    if (value == '') {
                        return '下架时间不能为空';
                    }
                }
                , content: function (value) {
                    if (value == '') {
                        return '内容详情不能为空';
                    }
                }
            }
        }

        //自定义验证规则
        form.verify(
            verify_data
        );

        //监听指定开关
        form.on('switch(switchTest)', function (data) {
            layer.msg('开关checked：' + (this.checked ? 'true' : 'false'), {
                offset: '6px'
            });
            layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
        });


        //监听提交修改
        form.on('submit(add)', function (data) {
            // var ids = [];
            // // 获取选中的id
            // $('.checkboxs').each(function (index, el) {
            //     if ($(this).prop('checked')) {
            //         ids.push($(this).val())
            //     }
            // });
            let  postdata =data.field
            postdata.content=editor.txt.html()
            $.ajax({
                url: '/admin/notice/create?active=ajax&type={$type}',
                type: 'post',
                dataType: 'json',
                data: postdata,
                success: function (res) {
                    if (res.status == true) {    // 获得frame索引
                        parent.layer.msg("操作成功!",
                            {
                                icon:1,
                                time: 1000
                            },
                            function () {
                            //重新加载父页面
                                parent.location.reload();
                        });
                        return;
                    } else{
                        layer.msg(res.msg,{ icon:5,
                            time: 1000});
                    }
                },
                error: function () {
                    layer.msg("报错了");
                }
            });
            return false;
            /*layer.alert(JSON.stringify(data.field), {
                title: '最终的提交信息'
            })*/
        });
        //富文本
        let editor = new wangEditor('#LAY_demo_editor');
        //console.log(editor.customConfig)
        editor.customConfig.uploadImgServer = "/admin/industry/Doupload";
        editor.customConfig.uploadFileName = 'image';
        editor.customConfig.pasteFilterStyle = false;
        editor.customConfig.uploadImgMaxLength = 5;
        editor.customConfig.uploadImgParams = {
            'mark': 'img',
            'field': 'image',
            'oldSrc': ''

        }
        editor.customConfig.uploadImgHooks = {
            before: function (xhr, editor, files) {
                // 图片上传之前触发
                // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，files 是选择的图片文件

                // 如果返回的结果是 {prevent: true, msg: 'xxxx'} 则表示用户放弃上传
                // return {
                //     prevent: true,
                //     msg: '放弃上传'
                // }
            },
            success: function (xhr, editor, result) {
                // 图片上传并返回结果，图片插入成功之后触发
                // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，result 是服务器端返回的结果
            },
            fail: function (xhr, editor, result) {
                // 图片上传并返回结果，但图片插入错误时触发
                // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，result 是服务器端返回的结果
            },
            error: function (xhr, editor) {
                // 图片上传出错时触发
                // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象
            },
            timeout: function (xhr, editor) {
                // 图片上传超时时触发
                // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象
            },

            // 如果服务器端返回的不是 {errno:0, data: [...]} 这种格式，可使用该配置
            // （但是，服务器端返回的必须是一个 JSON 格式字符串！！！否则会报错）
            customInsert: function (insertImg, result, editor) {
                // 图片上传并返回结果，自定义插入图片的事件（而不是编辑器自动插入图片！！！）
                // insertImg 是插入图片的函数，editor 是编辑器对象，result 是服务器端返回的结果
                console.log()
                // 举例：假如上传图片成功后，服务器端返回的是 {url:'....'} 这种格式，即可这样插入图片：
                let url = "{$Think.const.__MY_ROOT_PUBLIC__}"+"upload/"+result.src
                insertImg(url)
                let urls=$("#editorimgurlHidden").val()+','+url

                $("#editorimgurlHidden").val(urls)

                // result 必须是一个 JSON 格式字符串！！！否则报错
            }
        }


        editor.customConfig.customAlert = function (info) {
            layer.msg(info.msg);
        };

        editor.create();
        //初始化编辑器数据
        var info2 = "";
        var info3=$('<div>').html(info2).text()
        editor.txt.html(info3)


        // 监听搜索操作
        form.on('submit(data-search-btn)', function (data) {
            var result = JSON.stringify(data.field);
            // layer.alert(result, {
            //     title: '最终的搜索信息'
            // });
            //搜索
            let search=$("#searchuser").val();
            $.ajax({
                url: "/admin/notice/create?type={$type}",
                type: 'post',
                async:true,
                data:{search:search,action:'ajax'},
                dataType: 'json',
                success: function (res) {
                    if(res.status == true){
                        $(".showuser").html(res.param);
                        form.render()
                    }else{
                        layer.msg(res.msg,{icon:5,time: 1000})
                    }
                },
                error: function (res) {
                    console.log(res);
                }
            });

            return false;
        });

        /*选择用户*/
        form.on('select(allMember)',function(data){
            var mtype = data.value;
            $(".showuser").html("");
            $("#searchuser").val("");
            $.ajax({
                url: "/admin/notice/create?type={$type}",
                type: 'post',
                async:true,
                data:{mtype:mtype,action:'ajax'},
                dataType: 'json',
                success: function (res) {
                    if(res.status == true){
                        $(".showuser").html(res.param);
                        form.render()
                    }else{
                        layer.msg(res.msg,{icon:5,time: 1000})
                    }

                },
                error: function (res) {
                    console.log(res);
                }
            });
        });

    });
    //查看用户信息
    function clickMember(memberCode){
        var index = layer.open({
            title:'领导人信息',
            type: 2,
            area: ['95%', '95%'],
            fixed: false, //不固定
            shade:0.5,
            shadeClose:true,
            content: '/admin/team/getMember?memberCode='+memberCode,
        });
        return false;


    }
    function clickReplace(){
        //默认prompt
        layer.prompt({
            formType: 0,
            phone: '',
            title: '请输入手机号'
        },function(phone, index){
            var index = layer.open({
                title:'玩家信息',
                type: 2,
                area: ['95%', '95%'],
                fixed: false, //不固定
                shade:0.5,
                shadeClose:true,
                content: "/admin/team/getMember?teamId={$id}&phone="+phone,
            });
            return false;
        });
    }


    /*复选框全选*/
    function selectAll(checkbox) {
        $('input[type=checkbox]').prop('checked', $(checkbox).prop('checked'));
    }
</script>
</body>
</html>